<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>收货地址</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.content {
			margin-bottom: 10px;
		}
		
		.mui-radio input[type=radio]:before {
			color: #FC3A2E;
		}
		
		.mui-radio input[type=radio]:checked:before {
			color: #FC3A2E;
		}
		
		.mui-row > button {
			border: 1px solid #808080;
			border-radius: 20px;
			color: #808080;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		
		.mui-row > button > i:before {
			font-size: 16px;
		}
		
		.mui-row {
			background: #FFFFFF;
		}
		.scroll-data .address {
			border-bottom: 1px solid #CCCCCC;
		}
		.scroll-data .address:last-child {
			border-bottom: none;
		}
		.scroll-data .address>.mui-row:last-child {
			border-top: 1px solid #f0f0f2;
		}
		.break {
			word-break: break-all;
		}
	</style>
</head>
<body>
	<!--收货地址列表 开始-->
	<div class="mui-content mui-scroll-wrapper container-pull-refresh no-pad">
		<div class="mui-scroll">
			<!--数据列表-->
			<section class="mui-table-view mui-row scroll-data" data-tpl="tpl-address">
				<div class="no-data"><img src="../image/icon-waiting.gif" /></div>
			</section>
		</div>
	</div>
	<!--收货地址列表 结束-->
	
	<!-- 收货地址模板 开始 -->
	<script type="text/html" id="tpl-address">
		{{if !data || data.length == 0}}
		<div class="no-data">
			<center>暂时无数据</center>
		</div>
		{{/if}}
		{{each data as item}}
		<div class="address" data-id="{{item.id}}">
			<div class="mui-row">
				<div class="mui-col-xs-9">
					<div class="mui-row">
						<div class="mui-col-xs-12 pad-v-md pad-h-sm">
							<label class="mui-inline mgn-h-sm">{{item.recipient}}</label>
							<label class="mui-inline">{{'1' == item.sex ? '男' : '女'}}</label>
							<label class="mui-inline mgn-h-sm">{{item.mobile}}</label>
						</div>
						<div class="mui-col-xs-12 pad-h-sm">
							<label class="mui-inline mgn-h-sm break">{{item.province_name}} {{item.city_name}} {{item.county_name}} {{item.address}}</label>
						</div>
					</div>
				</div>
				<div class="mui-col-xs-3 pad-v-lg">
					<div class="mui-input-row mui-radio">
						<label>&emsp;</label>
						<input name="set_default" type="radio" {{if '1'==item.is_default}}checked="checked"{{/if}} />
					</div>
				</div>
			</div>
			<div class="mui-row mui-text-right pad-h-md pad-v">
				<div class="mui-col-xs-12">
					<button class="pad-h-md btn-edit"><i class="iconfont icon-bianji"></i> 编辑</button>
					<button class="pad-h-md btn-remove"><i class="iconfont icon-trash"></i> 删除</button>
				</div>
			</div>
		</div>
		{{/each}}
	</script>
	<!-- 收货地址模板 结束 -->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.address.scroll.js"></script>
</body>
</html>